<template>
  <div class="grid" >
    <template   v-for="(item, index) in meta">
    <div class="cell" :key="index">
      <single-app :item="item" :corp-id="corpId" :isHeader="isHeader"></single-app>
    </div>
    <div :key="index"
      v-if="(index+1)%8==0"
      style="padding-bottom: 10px;width: 96%;margin: 0% 2% 0% 2%;height: 1px;border-top: solid 1px rgba(25, 31, 37, 0.09);"></div>
     </template>
  </div>
</template>

<script>
import singleApp from "./single-app.vue";

export default {
  name: "grid",
  props: ["meta", "corpId", "isHeader"],
  components: {
    singleApp
  }
};
</script>

<style lang="scss" scoped>
.grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  .cell {
    width: 25%;
    position: relative;
    margin-bottom: 20px;
  }
}
</style>
